@media (width <= 1536px){}
@media (width <= 1280px){
    .about-sec-2 .row .col1 .title{
        font-size: 18px;
    }
    .about-sec-2 .row .col1 h1{
        font-size: 25px;
    }
    .about-sec-2 .row .col1 p{
        font-size: 12px;
    }
    .about-sec-3  .row .col h1 {
        font-size: 30px;
    }
    .about-sec-3  .row .col p {
        font-size: 15px;
    }
    .about-sec-3  .row .col .img1,.img2 {
        width: 70%;
    }
    .about-sec-4 .sec-4 h1{
        font-size: 30px;
    }
    .about-sec-4 .sec-4 p{
        font-size: 15px;
    }
    .our-growth .sec-1 .container .row{
        gap: 20px;
    }
    .our-growth .sec-1 p{
        font-size: 12px;
    }
    .our-growth .sec-1 .container .col i{
        font-size: 40px;
    }
}
@media (width <= 1024px){
    .about-sec-2{
        padding: 50px 0px;
    }
    .about-sec-2 .row{
        display: inline;
    }
    .about-sec-2 .row .col1{
        width: 80%;
        text-align: center;
    }
    .about-sec-2 .row .col1 .title{
        font-size: 17px;
    }
    .about-sec-2 .row .col1 h1{
        font-size: 22px;
    }
    .about-sec-2 .row .col1 p{
        font-size: 11px;
    }

    
    .about-sec-3{
        padding: 50px 0px;
    }
    .about-sec-3  .row .col h1 {
        font-size: 25px;
    }
    .about-sec-3  .row .col p {
        font-size: 12px;
    }
    .about-sec-3  .row .col .img1,.img2 {
        width: 80%;
    }

    .about-sec-4{
        padding: 50px 0px;
    }
    .about-sec-4 .sec-4 h1{
        font-size: 22px;
    }
    .about-sec-4 .sec-4 p{
        font-size: 15px;
    }
    .our-growth{
        padding: 50px 0px;
    }
    .our-growth .sec-1 {
        width: 100%;
    }
    .our-growth .sec-1 .container .row{
        gap: 18px;
        width: 100%;
        margin: auto;
    }
    .our-growth .sec-1 .container .row .col{
        margin: auto;
    }
    .our-growth .sec-1 p{
        font-size: 10px;
    }
    .our-growth .sec-1 h5{
        font-size: 15px;
    }
    .our-growth .sec-1 .container .col i{
        font-size: 30px;
    }
    .our-growth .sec-1 a{
        font-size: 15px;
        padding: 5px 10px;
    }

}
@media (width < 768px){
    .about-animation .container {
      position: relative;
      width: 100%;
      height: 200px;
      overflow: hidden;
    }

    .about-animation .box1 h1{
        font-weight: 700;
        font-size: 25px;
    }
    .about-animation .box1 {
      width: 100%;
      position: absolute;
      bottom: -50px; 
      left: 50%; 
      transform: translateX(-50%);
      text-align: center;
      height: 50px;
      border-radius: 5px;
      animation: moveUp 5s ease-in-out infinite;
    }
    @keyframes moveUp {
      0% {
        bottom: -25px;
        opacity: 0;
      }
      
      50% {
        bottom: 100px; 
        opacity: 1; 
         } 
      
      100% {
        bottom: 200px; 
        opacity: 0; 
      }
    }
    .sec-3-part-2{
        padding: 50px 0px;
    }
    .sec-3-part-2 .part-2{
        display: inline;
    }
    .sec-3-part-2 .part-2 .col1{
        text-align: center;
    }
    .sec-3-part-2 .part-2 .col1 .title{
        font-size: 17px;
    }
    .sec-3-part-2 .part-2 .col1 h1{
        font-size: 22px;
    }
    .sec-3-part-2 .part-2 .col1 ul{
        margin-left: -30px;
    }
    .sec-3-part-2 .part-2 .col2{
        width: 50%;
        margin-top: 30px;
        display: grid;
        justify-items: center;
    }
    .about-sec-3{
        width: 100%;
        padding: 0px 0px;
     }
     .about-sec-4{
        padding: 50px 0px;
     }
    .our-growth{
        padding: 20px 0px;
    }
    .our-growth .sec-1 {
        width: 100%;
    }
    .our-growth .sec-1 .container .row{
        gap: 18px;
        width: 80%;
        margin: auto;
    }
    .our-growth .sec-1 .container .row .col{
        margin: auto;
        width: 45%;
        padding: 10px;
        height: max-content;
    }
    .our-growth .sec-1 p{
        font-size: 10px;
    }
    .our-growth .sec-1 h5{
        font-size: 15px;
    }
    .our-growth .sec-1 .container .col i{
        font-size: 30px;
    }
    .our-growth .sec-1 a{
        font-size: 15px;
        padding: 5px 10px;
    }
     .meet{
        padding: 0px 0px 50px 0px;
     }
     .meet .container .row .col{
      width: 33.33%;
      padding:  0px 20px 0px 20px;
      place-items: center;
     }
     .meet .container .row .col h5{
      font-size: 15px;
     }
     .meet .container .row .col h6{
      font-size: 12px;
     }
     .meet .container .row .col .image a{
      font-size: 25px;
      position: relative;
      color: gray;
     }
}
@media (width <= 640px){
    .about-animation .box1 h1{
        font-weight: 700;
        font-size: 20px;
    }
    .about-sec-2 .row {
        width: 100%;
    }
    .about-sec-2 .row .col1 {
        width: 100%;
    }
    .about-sec-2 .row .col1 .title{
        font-size: 15px;
     }
     .about-sec-2 .row .col1 h1{
        font-size: 20px;
     }
          .about-sec-2 .row .col1 p{
        font-size: 10px;
     }


     .about-sec-3 .col4{
        margin: auto;
        width: 100%;
      }
      .about-sec-3{
        width: 100%;
        padding: 20px 0px;
     }
     .about-sec-3  .row{
        margin: auto    ;
        width: 100%;
     }
        .about-sec-3  .row .col{
        width: 70%;
        padding: 10px;
     }
      .about-sec-3  .row .img1{
        width: 30%;
        padding: 0px;
     }
     .about-sec-3  .row .col h1 img{
        width: 40px;
        padding: 0px;
     }
     .about-sec-3  .row .col h1{
        font-size: 20px;
        padding: 0px;
     }
     .about-sec-3  .row .col p{
        font-size: 10px;
        margin-top: -10px;
        padding: 0px;
     }
     .about-sec-3  .row .col .img1,.img2 {
        width: 100%;
     }
     .sec-3-part-2{
        padding: 20px 0px;
    }
    .sec-3-part-2 .part-2 .col1 .title{
        font-size: 15px;
    }
    .sec-3-part-2 .part-2 .col1 h1{
        font-size: 18px;
    }
    .sec-3-part-2 .part-2 .col1 ul li{
        font-size: 12px;
        text-align: left;
        margin-left: 30px;
     }
     .sec-3-part-2 .part-2 .col2{
        width: 70%;
     }

     .about-sec-4{
        padding: 25px 0px;
     }
     .about-sec-4 .sec-4 h1{
        font-size: 18px;
      }
      .about-sec-4 .sec-4 p{
        font-size: 12px;
        margin-top: -20px;
      }
      .meet{
        padding: 0px 0px 20px 0px;
     }
      .meet .container .row .col h5{
      font-size: 8px;
     }
     .meet .container .row .col h6{
      font-size: 7px;
      margin-top: -8px;
     }
     .meet .container .row .col .image a{
      font-size: 15px;
      position: relative;
      color: gray;
     }
     .our-growth .sec-1 .container .row{
        gap: 18px;
        width: 100%;
        margin: auto;
    }
    .our-growth .sec-1 .container .row .col{
        margin: auto;
        width: 45%;
        padding: 10px;
        height: max-content;
    }

}
@media (width <= 400px){
    .about-sec-2 .row .col1 .title{
        font-size: 12px;
     }
     .about-sec-2 .row .col1 h1{
        font-size: 15px;
     }
     .about-sec-2 .row .col2{
        width: 80%;
     }
     .sec-3-part-2 .part-2 .col1 ul li{
        font-size: 8px;
        text-align: left;
        margin-left: 30px;
     }
     .sec-3-part-2 .part-2 .col2{
        width: 80%;
     }
     .about-sec-4 .sec-4 h1{
        font-size: 15px;
      }
      .about-sec-4 .sec-4 p{
        padding-top: 5px;
        font-size: 8px;
      }
}